<div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <!-- DOC: Apply "page-sidebar-menu-light" class right after "page-sidebar-menu" to enable light sidebar menu style(without borders) -->
        <!-- DOC: Apply "page-sidebar-menu-hover-submenu" class right after "page-sidebar-menu" to enable hoverable(hover vs accordion) sub menu mode -->
        <!-- DOC: Apply "page-sidebar-menu-closed" class right after "page-sidebar-menu" to collapse("page-sidebar-closed" class must be applied to the body element) the sidebar sub menu mode -->
        <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
        <!-- DOC: Set data-keep-expand="true" to keep the submenues expanded -->
        <!-- DOC: Set data-auto-speed="200" to adjust the sub menu slide up/down speed -->
        <ul class="page-sidebar-menu" data-keep-expanded="false" data-auto-scroll="true" data-slide-speed="200">
            <!-- DOC: To remove the search box from the sidebar you just need to completely remove the below "sidebar-search-wrapper" LI element -->
            <li class="sidebar-search-wrapper">
                <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
                <!-- DOC: Apply "sidebar-search-bordered" class the below search form to have bordered search box -->
                <!-- DOC: Apply "sidebar-search-bordered sidebar-search-solid" class the below search form to have bordered & solid search box -->
                <form class="sidebar-search sidebar-search-bordered" action="" method="POST">
                    <a href="javascript:;" class="remove">
                    <i class="icon-close"></i>
                    </a>
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search...">
                        <span class="input-group-btn">
                        <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
                        </span>
                    </div>
                </form>
                <!-- END RESPONSIVE QUICK SEARCH FORM -->
            </li>
            
            <volist name="__MENU__.main" id="menu">
                <li class="{$menu.class|default=''}">
                    <a href="javascript:;">
                        <i class="icon-home"></i>
                        <span class="title">{$menu.title}</span>
                        <span class="selected"></span>
                        <span class="arrow {$menu.icon_open|default=''}"></span>
                    </a>
                    
                    
<!--<notempty name="_extra_menu">
    {// 动态扩展菜单 //}
    {:extra_menu($_extra_menu,$__MENU__)}
</notempty>-->
    <!-- 子导航 -->
        <ul class="sub-menu">
            <volist name="menu.child" id="sub_menu">
                <notempty name="sub_menu">
                    <li class="{$sub_menu.class|default=''}">
                        <a href="{$sub_menu.url|U}"><i class="icon-bar-chart"></i>{$sub_menu.title}</a>
                    </li>
                </notempty>
            </volist>
        </ul>
    <!-- /子导航 -->
                    

                </li>
            </volist>
            
<!--            <li class="start active open">
                <a href="javascript:;">
                <i class="icon-home"></i>
                <span class="title">Dashboard</span>
                <span class="selected"></span>
                <span class="arrow open"></span>
                </a>

                <ul class="sub-menu">
                    <li>
                        <a href="index-2.html">
                        <i class="icon-bar-chart"></i>
                        Default Dashboard</a>
                    </li>
                </ul>
            </li>-->
            <!--<li>
                <a href="javascript:;">
                <i class="icon-basket"></i>
                <span class="title">eCommerce</span>
                <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="ecommerce_index.html">
                        <i class="icon-home"></i>
                        Dashboard</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                <i class="icon-rocket"></i>
                <span class="title">Page Layouts</span>
                <span class="arrow"></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="layout_horizontal_sidebar_menu.html">
                        Horizontal & Sidebar Menu</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                <i class="icon-diamond"></i>
                <span class="title">UI Features</span>
                <span class="arrow "></span>
                </a>
                <ul class="sub-menu">

                    <li>
                        <a href="ui_alert_dialog_api.html">
                        <span class="badge badge-roundless badge-danger">new</span>Alerts & Dialogs API</a>
                    </li>
                    <li>
                        <a href="ui_session_timeout.html">
                        Session Timeout</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:;">
                <i class="icon-puzzle"></i>
                <span class="title">UI Components</span>
                <span class="arrow "></span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="components_pickers.html">
                        Pickers</a>
                    </li>
                    <li>
                        <a href="components_dropdowns.html">
                        Custom Dropdowns</a>
                    </li>
                </ul>
            </li>-->
            <!-- BEGIN ANGULARJS LINK -->
            <li class="tooltips" data-container="body" data-placement="right" data-html="true" data-original-title="AngularJS version demo">
                <a href="#" target="_blank">
                <i class="icon-paper-plane"></i>
                <span class="title">
                关于 </span>
                </a>
            </li>
            <!-- END ANGULARJS LINK -->

        </ul>
        <!-- END SIDEBAR MENU -->
    </div>
</div>